<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Events calendar - localization</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="%description%" />
    <meta name="keywords" content="" />
    <meta name="author" content="ComponentOne" />

	<!-- External dependencies -->
    <script src="../../external/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="../../external/jquery-ui-1.9.1.custom.min.js" type="text/javascript"></script>
    <script src="../../external/globalize.min.js" type="text/javascript"></script>
    <script src="../../external/cultures/globalize.cultures.js" type="text/javascript"></script>
    <script src="../../external/jquery.mousewheel.min.js" type="text/javascript"></script>
	    	
	<!-- Enable built-in datastorage -->
    <script src="../explore/js/amplify.core.min.js" type="text/javascript"></script>
    <script src="../explore/js/amplify.request.min.js" type="text/javascript"></script>
    <script src="../explore/js/amplify.store.min.js" type="text/javascript"></script>

	<!-- Wijmo-Open dependencies -->
	<script src="../../../../Wijmo-Open/development-bundle/wijmo/jquery.wijmo.wijutil.js" type="text/javascript"></script>
	<link href="../../../../Wijmo-Open/development-bundle/themes/wijmo/jquery.wijmo.wijutil.css" rel="stylesheet" type="text/css" />
	
	<script src="../../../../Wijmo-Open/development-bundle/wijmo/jquery.wijmo.wijcalendar.js" type="text/javascript"></script>
	<link href="../../../../Wijmo-Open/development-bundle/themes/wijmo/jquery.wijmo.wijcalendar.css" rel="stylesheet" type="text/css" />
	<script src="../../../../Wijmo-Open/development-bundle/wijmo/jquery.wijmo.wijdropdown.js" type="text/javascript"></script>
	<link href="../../../../Wijmo-Open/development-bundle/themes/wijmo/jquery.wijmo.wijdropdown.css" rel="stylesheet" type="text/css" />
	<script src="../../../../Wijmo-Open/development-bundle/wijmo/jquery.wijmo.wijtextbox.js" type="text/javascript"></script>
	<link href="../../../../Wijmo-Open/development-bundle/themes/wijmo/jquery.wijmo.wijtextbox.css" rel="stylesheet" type="text/css" />
	<script src="../../../../Wijmo-Open/development-bundle/wijmo/jquery.wijmo.wijcheckbox.js" type="text/javascript"></script>
	<link href="../../../../Wijmo-Open/development-bundle/themes/wijmo/jquery.wijmo.wijcheckbox.css" rel="stylesheet" type="text/css" />
	
	<script src="../../../../Wijmo-Open/development-bundle/wijmo/jquery.wijmo.wijpopup.js" type="text/javascript"></script>	
	<script src="../../../../Wijmo-Open/development-bundle/wijmo/jquery.wijmo.wijsuperpanel.js" type="text/javascript"></script>
	<link href="../../../../Wijmo-Open/development-bundle/themes/wijmo/jquery.wijmo.wijsuperpanel.css" rel="stylesheet" type="text/css" />
	
	<!-- Wijmo-Complete dependencies -->
    <script src="../../wijmo/jquery.plugin.wijtextselection.js" type="text/javascript"></script>
    <script src="../../wijmo/jquery.wijmo.wijinputcore.js" type="text/javascript"></script>
	<link href="../../themes/wijmo/jquery.wijmo.wijinput.css" rel="stylesheet" type="text/css" />
    <script src="../../wijmo/jquery.wijmo.wijinputdate.js" type="text/javascript"></script>	
    <script src="../../wijmo/jquery.wijmo.wijdatepager.js" type="text/javascript"></script>
	<link href="../../themes/wijmo/jquery.wijmo.wijdatepager.css" rel="stylesheet" type="text/css" />
    <script src="../../wijmo/jquery.wijmo.wijevcal.js" type="text/javascript"></script>
    <link href="../../themes/wijmo/jquery.wijmo.wijevcal.css" rel="stylesheet" type="text/css" />    	

	<!-- Theme -->
    <link href="../../themes/aristo/jquery-wijmo.css" rel="stylesheet" type="text/css" />

	<!-- Widget initialization -->
    <script type="text/javascript">
    	$(document).ready(function () {
    		$("#eventscalendar").wijevcal({
    			culture: "de-DE",
    			localization: {
    				agendaTimeFormat: "{0:hh:mm tt} - {1:hh:mm tt}",
    				buttonToday: "heute",
    				buttonDayView: "Tag",
    				buttonWeekView: "Woche",
    				buttonMonthView: "Monat",
    				buttonListView: "Liste",
    				buttonDelete: "löschen",
    				buttonOK: "OK",
    				buttonCancel: "stornieren",
    				labelAllDay: "ganztägig",
    				labelToday: "Heute",
    				labelName: "name",
					labelStarts: "beginnt",
					labelEnds: "endet",
					labelLocation: "lage",
					labelRepeat: "repetieren",
					labelCalendar: "kalender",
					labelDescription: "sorte",
					textNewEvent: "neues Ereignis",
					repeatNone: "keiner",
					repeatDaily: "täglich",
					repeatWorkDays: "Tag der Arbeit",
					repeatWeekly: "Jede Woche",
					repeatMonthly: "Jeden Monat",
					repeatYearly: "jährlich"
    			},
    			dayViewHeaderFormat:
				{
					day: "ganztägige Ereignisse",
					week: "{0:d dddd}",
					list: "{0:d dddd}"
				}
    		});
    	});
    </script>
    <style type="text/css">
        #eventscalendar
        {
            width: 750px;
        }
    </style>
</head>
<body class="demo-single">
    <div class="container">
        <div class="header">
            <h2>
                Overview</h2>
        </div>
        <div class="main demo">
            <!-- Begin demo markup -->
               <div id="eventscalendar"></div>
            <!-- End demo markup -->
            <div class="demo-options">
                <!-- Begin options markup -->
                <!-- End options markup -->
            </div>
        </div>
        <div class="footer demo-description">
			<p>
				This sample demonstrates how to localize the events calendar.
			</p>
			<p>&nbsp;</p>
			<p>Options used in the sample:</p>
			<ul>
				<li><strong>culture</strong> - Culture name, e.g. "de-DE". Date and time formatting depends on the culture option.</li>
				<li><strong>localization</strong> - use the localization option in order to localize text which not depends on culture option.</li>
				<li><strong>dayViewHeaderFormat</strong> - format of the text for the day header in the day/week or list view.</li>
			</ul>
        </div>
    </div>
</body>
</html>
